<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>速乐约官网-首页</title>
        <link rel="stylesheet" href="css/uikit.css" />
        <link rel="stylesheet" type="text/css" href="css/components/slideshow.css">
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script>
            $(document).ready(function(){
			/*触发变图片*/
                $('.icon_item a .iconImg').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon1_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon1.png')
                    }
                })
                $('.icon_item a .iconImgT').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon2_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon2.png')
                    }
                })
                $('.icon_item a .iconImgR').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon3_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon3.png')
                    }
                })
                $('.gotop').on({click: function(){
                            document.body.scrollTop = 0;
                            document.documentElement.scrollTop = 0;

                    }
                })
                
            })
        </script>
    </head>
    <body>
        <header>
            <div class="topline"></div>
            <div class="flexR head">
                <div class="topline"></div>
                <a href="index.html" class="logo">
                    <img src="images/logo.png" />
                </a>
                <nav>
                    <ul class="navclass flexR">
                        <li  class="active">
                            <a href="index.html" class="curra">首页</a>
                        </li>
                        <li>
                            <a href="about.html" class="curra">关于我们</a>
                            <!-- <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="news.html" >新闻中心</a>
                                    </li>
                                    <li>
                                        <a href="video.html" >视频中心</a>
                                    </li>
                                </ul>
                            </div> -->
                        </li>
                        <li>
                            <a href="product.html" class="curra">产品中心</a>
                            <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="price.html" >产品报价</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="free.html" class="curra">免费试用</a>
                        </li>
                        <li>
                            <a href="login.html" class="curra">用户登录</a>
                        </li>
                        <li>
                            <a href="contact.html" class="curra">联系我们</a>
                        </li>
                    </ul>
                </nav>
                <div class="topIcon flexR">
                    <div class="icon_item">
                        <a href="" >
                            <img src="images/icon1.png" class="iconImg"/>
                        </a>
                    </div>
                    <div class="icon_item">
                        <a href="" >
                            <img src="images/icon2.png" class="iconImgT" />
                        </a>
                    </div>
                    <div class="icon_item">
                        <a href="" >
                            <img src="images/icon3.png" class="iconImgR" />
                        </a>
                    </div>
                </div>
          </div>
        </header>
        <section>
            <div class="inban"  uk-grid>
                <div class="inlogo" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                    <img src="images/ilogo1.png" />
                </div>
                <h3 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"> 照相馆SAAS系统 </h3>
                <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">助力于新型照相馆行业，轻松做好门店生意</span>
                <div class="inbanA" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                    <a href="" class="tologin">用户登录</a>
                    <a href="" class="tofree">免费试用</a>
                </div>
                <div class="inBottom"></div>
            </div>
           
        </section>
        <section id="inOne" uk-grid>
            <div class="flList contairn">
                <ul class="flexR">
                    <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 100">
                        <img src="images/ic1.png" />
                        <div class="fllistTit">新型照相馆</div>
                        <span>Photo Studio</span>
                    </li>
                    <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 200">
                        <img src="images/ic1.png" />
                        <div class="fllistTit">摄影工作室</div>
                        <span>Photo Studio</span>
                    </li>
                    <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 300">
                        <img src="images/ic2.png" />
                        <div class="fllistTit">婚纱摄影</div>
                        <span>Wedding photography</span>
                    </li>
                    <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 400">
                        <img src="images/ic3.png" />
                        <div class="fllistTit">儿童摄影</div>
                        <span>Children's photography </span>
                    </li>
                </ul>
            </div>
            <div class="inpart partOne">
                <div class="inpartTit partOne">
                    <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">一站式全解决</h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">专注于为新型照相馆用户提供一站式流程管理信息化技术服务，帮助门店实现从客户预约、活动营销、内部协作、结算收银、数据管理一站式完善的全流程解决方案。
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/ip2_1.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <img src="images/ipar1.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                </div>
                <div class="jbottom"></div>
            </div>
        </section>
        <section>
            <div class="inpart partTow">
                <div class="inpartTit">
                    <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">一键创建24小时在线门店小程序
                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">线上展示品牌调性、门店产品，成为线上的品牌展示窗口
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/iph.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"/>
                    <img src="images/ipar3.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true"/>
                </div>
                <div class="jbottom"></div>
            </div>
        </section>
        <section>
            <div class="inpart partThree">
                <div class="inpartTit">
                    <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">营销板块

                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">拼团、秒杀、砍价等裂变软件，帮助门店引爆客流，提升销售额
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/ipar5.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <img src="images/ipar4.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                </div>
                <div class="jbottom"></div>
            </div>
        </section>
        <section>
            <div class="inpart partFour">
                <div class="inpartTit">
                    <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">数据管理

                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                        客户数据留存和备份、内部数据存储和传输、大数据管理和分析<br>
                        全方位数据统计：订单数据、客户数据、经营数据、员工考核数据、营销数据
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/ipar7.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <img src="images/ipar8.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                </div>
                <div class="jbottom"></div>
            </div>
        </section>
        <section>
            <div class="inpart partFive">
                <div class="inpartTit">
                    <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">全流程交互

                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">门店接待—化妆造型—摄影师上传待修原图—修图师下载待修原图—修图师上传精修图发送客户
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/ip10.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                </div>
                <div class="jbottom"></div>
            </div>
        </section>
        <section class="partSix">
            <div class="sixCon flexR contairn">
                <div class="sixLe">
                    <h1 uk-scrollspy="cls: uk-animation-slide-left; repeat: true">拥有速乐约SAAS系统</h1>
                    <span uk-scrollspy="cls: uk-animation-slide-left; repeat: true">您将超越90%的竞争对手</span>
                    <p uk-scrollspy="cls: uk-animation-slide-left; repeat: true">                      
                    速乐约SAAS系统每月的注册量为300多家<br>
                    也就是说，在您犹豫的这1分钟里，已经有人注册试用了<br>
                    这其中就有你的同行！<br>
                    </p>
                </div>
                <a href="" uk-scrollspy="cls: uk-animation-slide-right; repeat: true">马上体验</a>
            </div>
        </section>
        <footer>
            <div class="foot flexR">
                <div class="foot_left flexR">
                    <div class="foot_about">
                        <img src="images/flogo.png" class="flogo" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                        <p uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            SMART PHOTO technology is an enabling platform for China's photography industry. It is located in the software valley of Nanjing high tech entrepreneurship center, Jiangsu Province. It focuses on empowering businesses in the photography industry. It has a well-known photography brand of "Friends of shiguanghui photography studio" and "quick shot". It has also provided management consulting, sample development, course training, franchise guidance and other services for many businesses in the photography industry Brand output and comprehensive enabling services of industrial supply chain management.enterprise integrating development, sales and after-sales.
                        </p>
                        <a href="" uk-scrollspy="cls: uk-animation-slide-left; repeat: true">了解更多</a>
                    </div>
                    <div class="foot_case">
                        <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">近期合作摄影品牌</h1>
                        <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">Recent cooperation</span>
                        <ul uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <li>
                                <a href="">拾光的朋友摄影馆</a>
                            </li>
                            <li>
                                <a href="">速乐拍智能照相馆</a>
                            </li>
                            <li>
                                <a href="">唯美空间照相馆</a>
                            </li>
                            <li>
                                <a href="">氧气人像空间照相馆</a>
                            </li>
                            <li>
                                <a href="">茄子达人照相馆</a>
                            </li>
                            <li>
                                <a href="">茉莉缇香照相馆</a>
                            </li>
                            <li>
                                .....
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="foot_right flexR">
                    <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                        <img src="images/ewm.png" />
                        <span>客服微信</span>
                    </div>
                    <!-- <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                        <img src="images/ewm_two.png" />
                        <span>客服微信</span>
                    </div> -->
                </div>
            </div>
        </footer>
        <div class="copy">
            <p uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">公司地址：江苏省南京市凤华路18号紫金（雨花）科技创业特别社区2栋阿尔法楼B301
            </p>
            <p  uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">联系电话：王经理 139-1303-8359</p>
            <div class="gotop">
                <img src="images/top1.jpg" />
            </div>
        </div>
    </body>
</html>